<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<title>layout 后台大布局 - Layui</title>
<link rel="stylesheet" href="layui-v2.5.4/layui/css/layui.css" />

</head>
<body class="layui-layout-body">
	<div class="layui-layout layui-layout-admin">
		<div class="layui-header">
			<div class="layui-logo">layui 后台布局</div>
			<!-- 头部区域（可配合layui已有的水平导航） -->
			<ul class="layui-nav layui-layout-left">
				<li class="layui-nav-item"><a href="">控制台</a></li>
				<li class="layui-nav-item"><a href="">商品管理</a></li>
				<li class="layui-nav-item"><a href="">用户</a></li>
				<li class="layui-nav-item"><a href="javascript:;">其它系统</a>
					<dl class="layui-nav-child">
						<dd>
							<a href="">邮件管理</a>
						</dd>
						<dd>
							<a href="">消息管理</a>
						</dd>
						<dd>
							<a href="">授权管理</a>
						</dd>
					</dl></li>
			</ul>
			<ul class="layui-nav layui-layout-right">
				<li class="layui-nav-item"><a href="javascript:;"> <img
						src="http://t.cn/RCzsdCq" class="layui-nav-img"> 贤心
				</a>
					<dl class="layui-nav-child">
						<dd>
							<a href="">基本资料</a>
						</dd>
						<dd>
							<a href="">安全设置</a>
						</dd>
					</dl></li>
				<li class="layui-nav-item"><a href="">退了</a></li>
			</ul>
		</div>

		<div class="layui-side layui-bg-black">
			<div class="layui-side-scroll">
				<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
				<ul class="layui-nav layui-nav-tree" lay-filter="test">
					<li class="layui-nav-item layui-nav-itemed"><a class=""
						href="javascript:;">企业产品</a>
						<dl class="layui-nav-child">
							<dd>
								<a href="javascript:;">查看企业产品</a>
							</dd>
							<dd>
								<a href="javascript:;">增加企业产品</a>
							</dd>
							<dd>
								<a href="javascript:;">删除企业产品</a>
							</dd>
							<dd>
								<a href="">修改产品信息</a>
							</dd>
						</dl></li>
					<li class="layui-nav-item"><a href="javascript:;">企业信息</a>
						<dl class="layui-nav-child">
							<dd>
								<a href="javascript:;">查看企业信息</a>
							</dd>
							<dd>
								<a href="javascript:;">删除企业信息</a>
							</dd>
							<dd>
								<a href="">修改企业信息</a>
							</dd>
						</dl></li>
					<li class="layui-nav-item"><a href="javascript:;">求购信息</a>
						<dl class="layui-nav-child">
							<dd>
								<a href="javascript:;">增加</a>
							</dd>
							<dd>
								<a href="javascript:;">删除</a>
							</dd>
							<dd>
								<a href="">查询</a>
							</dd>
						</dl></li>
				</ul>
			</div>
		</div>

		<div class="layui-body">
			<!-- 内容主体区域 -->
			<div style="padding: 15px;">
				<table class="layui-hide" id="demo" lay-filter="test"></table>
				<div id="test1"></div>
			</div>
		</div>

		<div class="layui-footer">
			<!-- 底部固定区域 -->
			© layui.com - 底部固定区域
		</div>
	</div>
	<script src="layui-v2.5.4/layui/layui.js"></script>
	<script>
		//JavaScript代码区域
		layui.use(['table','element','laypage','layer'], function() {
			var element = layui.element,
			table = layui.table
			,laypage =layui.laypage,
			layer=layui.layer;
			//第一个实例
			table.render({
				elem : '#demo',
				height : 312,
				url : '/ElectricalInternet/SelectAllCompany' //数据接口
				,
				dataType : "json",
				cols : [ [ //表头
				{
					field : 'company_user',
					title : '用户名',
					width : 80,
					sort : true
				}, {
					field : 'company_password',
					title : '密码',
					width : 80,
					sort : true
				}, {
					field : 'company_name',
					title : '企业名',
					width : 80,
					sort : true
				}, {
					field : 'address',
					title : '地址',
					width : 80,
					sort : true
				}, {
					field : 'employee_num',
					title : '公司人数',
					width : 80,
					sort : true
				}, {
					field : 'license_id',
					title : '营业执照号',
					width : 80,
					sort : true
				}, {
					field : 'register_money',
					title : '注册资金',
					width : 80,
					sort : true
				}, {
					field : 'register_time',
					title : '注册时间',
					width : 80,
					sort : true
				}, {
					field : 'tel',
					title : '电话',
					width : 80,
					sort : true
				}, {
					fixed : 'right',
					width : 150,
					align : 'center',
					toolbar : '#barDemo'
				}
				] ],
				parseData : function(res) { //res 即为原始返回的数据
					return {
						"code" : res.code, //解析接口状态
						"msg" : res.message, //解析提示文本
						"count" : res.total, //解析数据长度
						"data" : res.clist
					//解析数据列表
					};
				}
			});
			//执行一个laypage实例
			laypage.render({
				elem : 'test1' //注意，这里的 test1 是 ID，不用加 # 号
				,
				count : 50 //数据总数，从服务端得到
				,
				limit : 10//限定一页显示多少条数据
				,
				groups : 10
			//连续出现的页码个数
			});
			//监听行工具事件
			table.on('tool(test)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
			  var data = obj.data //获得当前行数据
			  ,layEvent = obj.event; //获得 lay-event 对应的值
			  if(layEvent === 'edit'){
				//页面层

				//iframe层

				  layer.open({
				    type: 2,
				    title: '修改企业信息',
				    shadeClose: true,
				    shade: 0.8,
				    area: ['380px', '90%'],
				    content: 'editCompany.jsp', //iframe的url
				    end:function(){
				    	table.render("test");
				    }
				  }); 
			  }
			});
		});
	</script>
	<style>
.laytable-cell-1-0-0, .laytable-cell-1-0-1, .laytable-cell-1-0-2,
	.laytable-cell-1-0-3, .laytable-cell-1-0-4, .laytable-cell-1-0-5,
	.laytable-cell-1-0-6, .laytable-cell-1-0-7, .laytable-cell-1-0-8 {
	width: 110px;
}

.laytable-cell-1-0-2, .laytable-cell-1-0-7 {
	width: 150px;
}

.laytable-cell-1-0-9 {
	width: 66px;
}
</style>
	
	
<script type="text/html" id="barDemo">
  <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
</script>
<!-- <script src="layui-v2.5.4/layui/lay/modules/layer.js"></script> -->
</body>
</html>